<section class="pg-template center-block">
  <ul class="tabset clearfix">
    <li ng-class="{active: isActive('hot')}" ng-click="onclickTab('hot')"><a>热门模板</a></li>
    <li ng-class="{active: isActive('new')}" ng-click="onclickTab('new')"><a>最新模板</a></li>
    <!--<li ng-class="{active: isActive('mine')}" ng-click="onclickTab('mine')"><a>我的模板</a></li>-->
  </ul>
  <div class="template-list clearfix">
    <div class="template-item" data-id="{{tpl.id}}" ng-repeat="tpl in templates" ng-click="tmplDetail($index)">
      <img width="220" height="300" ng-src="{{tpl.thumbnail}}">
      <div class="name">{{tpl.name}}</div>
      <div class="count">{{tpl.count}}次使用</div>
    </div>
  </div>
  <pagination total-items="totalItems" ng-change="pageChanged()" ng-model="currentPage" items-per-page="8" class="pagination-sm" rotate="false" num-pages="numPages"></pagination>
</section>

